<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <!-- 1.重置 -->
    <link rel="stylesheet" href="../css/normalize.css">

    <!-- 2.公共 -->
    <link rel="stylesheet" href="../css/common.css">

    <!-- 3.当前样式 -->
    <link rel="stylesheet" href="../css/API.css">

</head>

<body>

    <!-- 蒙层和模态框结束 -->


    <!-- 头部 -->
    <div class="head clearfix">
        <h1 class="head-logo fl">
            <a href="#">
                <img src="../imgs/new-logo-white2.png" alt="">
            </a>
        </h1>

        <div class="head-nav fl">
            <li><a href="./home.html">首页</a></li>
            <li><a href="./APL.html" class="active">APL</a></li>
            <li><a href="./customer.html">案例</a></li>
        </div>
        <div class="head-register fr">
            <a href="./register.html">注册有礼</a></div>

        <div class="sign fr">
            <a href="./login.html">登陆</a></div>
    </div>
    <!-- 头部结束 -->

    <!-- assort分类开始 -->
    <div class="assort container">
        <div class="API-assort">
            <p> API分类</p>
            <div class="tag-assort clearfix">
                <!-- <a href="#" class="fl api-nav active">全部</a>
                <a class="fl api-nav " href="#">生活服务</a>
                <a class="fl api-nav " href="#">金融科技</a>
                <a class="fl api-nav " href="#">交通地理</a>
                <a class="fl api-nav " href="#">充值缴费</a>
                <a class="fl api-nav " href="#">数据智能</a>
                <a class="fl api-nav " href="#">企业工商</a>
                <a class="fl api-nav " href="#">应用开发</a>
                <a class="fl api-nav " href="#">电子商务</a>
                <a class="fl api-nav " href="#">吃喝玩乐</a>
                <a class="fl api-nav " href="#">文娱视频</a>
                <a class="fl api-nav " href="#">
                    <strong>免费接口大全</strong>
                </a>
                <a class="fl api-nav " href="#">短信</a>
                <a class="fl api-nav " href="#">汽车</a>
                <a class="fl api-nav " href="#">核验</a>
                <a class="fl api-nav " href="#">
                    <strong>最新发布</strong>
                </a>
                <a class="fl api-nav " href="">
                    <strong>API私有化部署</strong>
                </a> -->
            </div>
            <div class="search-assort clearfix">
                <span class="desc fl">全部</span>
                <div class="search fl">
                    <input type="text" placeholder="身份证实名">
                    <img src="../imgs/magnifier.png" alt="">
                </div>
            </div>
            <div class="list-assort">
                <ul class="clearfix">
                    <!-- <li>
                        <div class="center">
                            <a href="">
                                <img src="../imgs/API_01.jpg" alt="">
                                <p>2021出行防疫政策指南</p>
                                <p>免费</p>
                            </a>
                        </div>
                        <a class="play-data">申请数据</a>

                    </li>
                    <li>
                        <span class="isShow">企业专用</span>
                        <div class="center">
                            <a href="">
                                <img src="../imgs/API_02.jpg" alt="">
                                <p>身份证实名认证</p>
                                <p class="green">￥0.2000/次</p>
                            </a>
                        </div>
                        <a class="play-data">申请数据</a>

                    </li>
                    <li>
                        <div class="center">
                            <a href="">
                                <img src="../imgs/API_03.jpg" alt="">
                                <p>天气预报</p>
                                <p>免费</p>
                            </a>
                        </div>
                        <a class="play-data">申请数据</a>

                    </li>
                    <li>
                        <span class="isShow">企业专用</span>
                        <div class="center">
                            <a href="">
                                <img src="../imgs/API_04.jpg" alt="">
                                <p>银行卡四元素校验</p>
                                <p class="api-price">￥0.3360/次</p>
                            </a>
                        </div>
                        <a class="play-data">申请数据</a>

                    </li>
                    <li>
                        <span class="isShow">企业专用</span>
                        <div class="center">
                            <a href="">
                                <img src="../imgs/API_05.jpg" alt="">
                                <p>短信API服务</p>
                                <p class="api-price">￥0.0400/次</p>
                            </a>
                        </div>
                        <a class="play-data">申请数据</a>
                    </li>
                    <li>
                        <div class="center">
                            <a href="">
                                <img src="../imgs/API_01.jpg" alt="">
                                <p>2021出行防疫政策指南</p>
                                <p>免费</p>
                            </a>
                        </div>
                        <a class="play-data">申请数据</a>

                    </li>
                    <li>
                        <span class="isShow">企业专用</span>
                        <div class="center">
                            <a href="">
                                <img src="../imgs/API_02.jpg" alt="">
                                <p>身份证实名认证</p>
                                <p class="api-price">￥0.2000/次</p>
                            </a>
                        </div>
                        <a class="play-data">申请数据</a>

                    </li>
                    <li>
                        <div class="center">
                            <a href="">
                                <img src="../imgs/API_03.jpg" alt="">
                                <p>天气预报</p>
                                <p>免费</p>
                            </a>
                        </div>
                        <a class="play-data">申请数据</a>

                    </li>
                    <li>
                        <span class="isShow">企业专用</span>
                        <div class="center">
                            <a href="">
                                <img src="../imgs/API_04.jpg" alt="">
                                <p>银行卡四元素校验</p>
                                <p class="api-price">￥0.3360/次</p>
                            </a>
                        </div>
                        <a class="play-data">申请数据</a>

                    </li>
                    <li>
                        <span class="isShow">企业专用</span>
                        <div class="center">
                            <a href="">
                                <img src="../imgs/API_05.jpg" alt="">
                                <p>短信API服务</p>
                                <p class="api-price">￥0.0400/次</p>
                            </a>
                        </div>
                        <a class="play-data">申请数据</a>
                    </li>
                    <li>
                        <div class="center">
                            <a href="">
                                <img src="../imgs/API_01.jpg" alt="">
                                <p>2021出行防疫政策指南</p>
                                <p>免费</p>
                            </a>
                        </div>
                        <a class="play-data">申请数据</a>

                    </li>
                    <li>
                        <span class="isShow">企业专用</span>
                        <div class="center">
                            <a href="">
                                <img src="../imgs/API_02.jpg" alt="">
                                <p>身份证实名认证</p>
                                <p class="api-price">￥0.2000/次</p>
                            </a>
                        </div>
                        <a class="play-data">申请数据</a>

                    </li>
                    <li>
                        <div class="center">
                            <a href="">
                                <img src="../imgs/API_03.jpg" alt="">
                                <p>天气预报</p>
                                <p>免费</p>
                            </a>
                        </div>
                        <a class="play-data">申请数据</a>

                    </li>
                    <li>
                        <span class="isShow">企业专用</span>
                        <div class="center">
                            <a href="">
                                <img src="../imgs/API_04.jpg" alt="">
                                <p>银行卡四元素校验</p>
                                <p class="api-price">￥0.3360/次</p>
                            </a>
                        </div>
                        <a class="play-data">申请数据</a>

                    </li>
                    <li>
                        <span class="isShow">企业专用</span>
                        <div class="center">
                            <a href="">
                                <img src="../imgs/API_05.jpg" alt="">
                                <p>短信API服务</p>
                                <p class="api-price">￥0.0400/次</p>
                            </a>
                        </div>
                        <a class="play-data">申请数据</a>
                    </li> -->
                </ul>
            </div>
            <div class="page-assort">
                <div class="page">
                    <a href="#" class="active">1</a>
                    <a href="#">2</a>
                    <a href="#">3</a>
                    <a href="#">4</a>
                    <a>......</a>
                    <a href="#">6</a>
                    <a href="#">7</a>
                    <a href="#">8</a>
                    <a class="next-page">下一页&gt;</a>
                </div>
            </div>
        </div>
    </div>
    <!-- assort分类结束 -->

    <!-- 页尾 -->
    <div class="foot">
        <div class="container">
            <div class="foot-top  clearfix">
                <dl class="foot-item fl">
                    <dt class="item-title">
                            联系与支持
                            <dd class="item-desc"><a href="#" class="item-link">400-882-7715</a></dd>
        
                            <dd class="item-desc"><a href="#" class="item-link"></a></dd>
        
                            <dd class="item-desc">
                                <a href="#" class="item-link">售前咨询</a>
                            </dd>
                            <dd class="item-desc"><a href="#" class="item-link">客服&售后</a></dd>
                            <dd class="item-desc"><a href="#" class="item-link">常见问题</a></dd>
                            <dd class="item-desc"><a href="#" class="item-link">极速工单</a></dd>
                            <dd class="item-desc"><a href="#" class="item-link">投诉与建议</a></dd>
                        </dt>
                </dl>
                <dl class="foot-item fl">
                    <dt class="item-title">
                            联系与支持
                            <dd class="item-desc"><a href="#" class="item-link">400-882-7715</a></dd>
        
                            <dd class="item-desc"><a href="#" class="item-link"></a></dd>
        
                            <dd class="item-desc">
                                <a href="#" class="item-link">售前咨询</a>
                            </dd>
                            <dd class="item-desc"><a href="#" class="item-link">客服&售后</a></dd>
                            <dd class="item-desc"><a href="#" class="item-link">常见问题</a></dd>
                            <dd class="item-desc"><a href="#" class="item-link">极速工单</a></dd>
                            <dd class="item-desc"><a href="#" class="item-link">投诉与建议</a></dd>
                        </dt>
                </dl>
                <dl class="foot-item fl">
                    <dt class="item-title">
                            联系与支持
                            <dd class="item-desc"><a href="#" class="item-link">400-882-7715</a></dd>
        
                            <dd class="item-desc"><a href="#" class="item-link"></a></dd>
        
                            <dd class="item-desc">
                                <a href="#" class="item-link">售前咨询</a>
                            </dd>
                            <dd class="item-desc"><a href="#" class="item-link">客服&售后</a></dd>
                            <dd class="item-desc"><a href="#" class="item-link">常见问题</a></dd>
                            <dd class="item-desc"><a href="#" class="item-link">极速工单</a></dd>
                            <dd class="item-desc"><a href="#" class="item-link">投诉与建议</a></dd>
                        </dt>
                </dl>
                <dl class="foot-item fl">
                    <dt class="item-title">
                            联系与支持
                            <dd class="item-desc"><a href="#" class="item-link">400-882-7715</a></dd>
        
                            <dd class="item-desc"><a href="#" class="item-link"></a></dd>
        
                            <dd class="item-desc">
                                <a href="#" class="item-link">售前咨询</a>
                            </dd>
                            <dd class="item-desc"><a href="#" class="item-link">客服&售后</a></dd>
                            <dd class="item-desc"><a href="#" class="item-link">常见问题</a></dd>
                            <dd class="item-desc"><a href="#" class="item-link">极速工单</a></dd>
                            <dd class="item-desc"><a href="#" class="item-link">投诉与建议</a></dd>
                        </dt>
                </dl>
                <dl class="foot-item fl">
                    <dt class="item-title">
                            联系与支持
                            <dd class="item-desc"><a href="#" class="item-link">400-882-7715</a></dd>
        
                            <dd class="item-desc"><a href="#" class="item-link"></a></dd>
        
                            <dd class="item-desc">
                                <a href="#" class="item-link">售前咨询</a>
                            </dd>
                            <dd class="item-desc"><a href="#" class="item-link">客服&售后</a></dd>
                            <dd class="item-desc"><a href="#" class="item-link">常见问题</a></dd>
                            <dd class="item-desc"><a href="#" class="item-link">极速工单</a></dd>
                            <dd class="item-desc"><a href="#" class="item-link">投诉与建议</a></dd>
                        </dt>
                </dl>
                <!-- 右边微信图标 -->
                <div class="wechat fr">
                    <p class="title">微信公众号</p>
                    <p class="name">源码时代</p>
                    <img src="../imgs/wechat-white.png" alt="">
                </div>
            </div>
            <!-- 底部 -->
            <p class="foot-btm">
                <a href="#">
                    <img src="../imgs/bei2.png" alt="">
                </a>
                <a href="#">
                    <img src="../imgs/bei1.png" alt="">
                </a>
                <span class="fl">增值电信业务经营许可证：蜀B2-20180596</span>
                <a href="#">蜀ICP备15006450号-3</a>
                <a href="#">营业执照</a>
                <span class="fr">源码大数据股份有限公司©版权所有</span>
            </p>
        </div>

    </div>
    <!-- 尾部结束 -->
    <!-- 蒙层和模态框开始 -->
    <!-- 蒙层一定要放在下面,如果放上面有绝对定位的frame -->
    <!-- 会被上面有定位的内容所遮挡 -->
    <div id="mask">
        <div id="frame">
            <!-- logo图标 -->
            <div class="logo-box">
                <a href="./home.html"></a>
                <img src="../imgs/loginlogo.png" alt="">
            </div>
            <!-- 选项卡区域 -->
            <div class="tab">
                <!-- 头部 -->
                <ul class="tab-top clearfix">
                    <li class="top-item  tab-active">
                        账号登陆
                    </li>
                    <span></span>
                    <li class="top-item2">扫码登陆</li>
                </ul>
                <div class="tab-content">
                    <!-- 账号登陆盒子 -->
                    <div class="con-item on login">
                        <div class="user-name">
                            <input type="text" placeholder="用户名/手机号/邮箱">
                            <img src="../imgs/clearInput.png" alt="" id="clearUserName">
                            <span class="userTips"></span>
                        </div>
                        <div class="user-pwd">
                            <input type="password" placeholder="密码">
                            <img src="../imgs/clearInput.png" alt="" id="clearUserPwd">
                            <span class="pwdTips"></span>
                        </div>
                        <div class="forget clearfix">
                            <a href="#" class="fr">忘记密码</a>
                            <input type="button" class="login-btn" value="登陆">
                            <div class="not">
                                还没有源码账号，
                                <a href="./register">立即注册</a>
                                <span></span>
                            </div>
                        </div>
                    </div>
                    <!-- 微信扫码登陆盒子 -->
                    <div class="wechat-code login">
                        <div class="code-content">
                            <img src="../imgs/showqrcode.jpg" alt="">
                            <p>微信扫码登录</p>
                            <p>未关注源码科技公众号，请先关注后再登录</p>
                        </div>
                        <div class="not">
                            还没有源码账号，
                            <a href="./register">立即注册</a>
                            <span></span>
                        </div>
                    </div>

                </div>
            </div>
        </div>
    </div>


    <script src="../lib/tab.js"></script>

    <script src="../js/APL.js"></script>


</body>

</html>